<template>
  <div class="app-container">
    <div class="btn-box">
      <el-button :loading="downloadLoading" class="filter-item" type="primary" icon="el-icon-download">
        保存
      </el-button>
      <el-button :loading="downloadLoading" class="filter-item" type="primary" icon="el-icon-download">
        返回
      </el-button>
    </div>
    <el-form ref="dataForm" :model="temp" label-position="left" label-width="70px">
      <el-row :gutter="20">
        <el-col :span="6">
          <el-form-item label="Type" class="car-form-item" prop="type">
            <el-select v-model="temp.type" class="filter-item car-col" placeholder="Please select">
              <el-option v-for="item in calendarTypeOptions" :key="item.key" :label="item.display_name" :value="item.key" />
            </el-select>
          </el-form-item>
          <el-form-item label="Title" prop="title" class="car-form-item">
            <el-input v-model="temp.title" class="car-col" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="Date" prop="timestamp" class="car-form-item">
            <el-date-picker v-model="temp.timestamp" class="car-col" type="datetime" placeholder="Please pick a date" />
          </el-form-item>
          <el-form-item label="Title" prop="title" class="car-form-item">
            <el-input v-model="temp.title" class="car-col" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="Title" prop="title" class="car-form-item">
            <el-input v-model="temp.title" class="car-col" />
          </el-form-item>
          <el-form-item label="Title" prop="title" class="car-form-item">
            <el-input v-model="temp.title" class="car-col" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="Title" prop="title" class="car-form-item">
            <el-input v-model="temp.title" class="car-col" />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      temp: {},
      downloadLoading: false,
      calendarTypeOptions: []
    }
  },
  onLoad() {

  },
  onShow() {

  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
.app-container{
  .btn-box{
    width: 100%;
    text-align: right;
    margin: 10px auto;
  }
}
</style>
